<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>消息</title>
    <!--必须要引入的easyUI资源  按顺序引入-->
    <link rel="stylesheet" type="text/css" href="../easyui/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="../easyui/themes/icon.css">
    <script type="text/javascript" src="../easyui/jquery.min.js"></script>
    <script type="text/javascript" src="../easyui/jquery.easyui.min.js"></script>

    <script>
        $(function () {
            $("#alert").click(function () {
                $.messager.alert("提示消息", "你有一条新的消息", "warning");
            });


            $("#confirm").click(function () {
                $.messager.confirm("确认对话框", "你今天中不吃饭吗？", function (r) {
                    if (r){
                        //
                    }
                });
            });

            $("#progress").click(function () {
                $.messager.progress();

                setTimeout(function () {
                    $.messager.progress("close");
                },5000)
            });

            $("#prompt").click(function () {
                $.messager.prompt('提示信息', '请输入你的姓名：', function(r){
                    if (r){
                        alert('你的姓名是：' + r);
                    }
                });
            })

        })
    </script>
</head>
<body>
    <button id="alert">弹窗</button>
    <button id="confirm">确认</button>
    <button id="progress">进度条</button>
    <button id="prompt">输入框</button>
</body>
</html>